<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel='stylesheet' href='/stylesheets/radio.css' />
    <script src="javascripts/jquery.js"></script>
    <script src="javascripts/zishiy.js"></script>
    <title>Document</title>
</head>
<body>
<header>
    <nav>
        <span><a href="/">博客</a></span>
        <span><a href="/">boke</a></span>
        <span>
      <form action="post">
          <input type="text" placeholder="书籍，电影，音乐，视频">
      </form>
    </span>
        <span class="s s4"><a href="book">书籍</a></span>
        <span clsss="s s5"><a href="move">电影</a></span>
        <span class="s s6"><a href="music">音乐</a></span>
        <span class="s s7"><a href="video">视频</a></span>
        <span class="s s8"><a href="radio">FM</a></span>
        <span class="s s9"><a href="mark">市集</a></span>
    </nav>

</header>
<main>
    <div id="radio">
        <h1><a href="radio">FM</a></h1>
        <div class="image4">
            <!--<img src="images/5.jpg" alt="">-->
        </div>
        <div id="book">
            <ul>
                <li>
                    <span>推荐:</span>
                    <span>蜻蜓FM</span>
                    <span>百度随听</span>
                    <span>豆瓣FM</span>
                    <span>音乐电台</span>
                </li>
                <li>
                    <span>频道:</span>
                    <span>央广网</span>
                    <span>中国之声</span>
                    <span>音乐之声</span>
                    <span>河南之声</span>
                </li>
                <li>
                    <span>听书:</span>
                    <span>盗墓笔记</span>
                    <span>鬼吹灯</span>
                    <span>白狼宝藏</span>
                    <span>楼兰奇宫</span>
                </li>
                <li>
                    <span>APP:</span>
                    <span>懒人听书</span>
                    <span>酷听网</span>
                    <span>氧气听书</span>
                    <span>讯飞</span>
                </li>
            </ul>
        </div>
    </div>
    <div id="hot">
        <div class="dzz">
            <section>
                <h1>白狼宝藏</h1>
                <img src="images/17.jpg" alt="">
            </section>
            <section class="sec">
                <h1>导演:陈建，张前</h1>
                <h2>主演:李幼斌，何政军</h2>
                <h3>类型:军事，抗战</h3>
            </section>
        </div>
        <div class="dzz">
            <section>
                <h1>盗墓笔记</h1>
                <img src="images/18.jpg" alt="">
            </section>
            <section class="sec">
                <h1>导演:孔笙、李雪</h1>
                <h2>主演:胡歌，王凯</h2>
                <h3>类型:古装，权谋</h3>
            </section>
        </div>
        <div class="dzz">
            <section>
                <h1>楼兰奇宫</h1>
                <img src="images/19.jpg" alt="">
            </section>
            <section class="sec">
                <h1>导演:孔笙、李雪 </h1>
                <h2>主演:胡歌，靳东</h2>
                <h3>类型:谍战,爱情</h3>
            </section>
        </div>
        <div class="dzz">
            <section>
                <h1>花千骨</h1>
                <img src="images/20.jpg" alt="">
            </section>
            <section class="sec">
                <h1>导演:林玉芬</h1>
                <h2>主演:霍建华，赵丽颖</h2>
                <h3>类型:古装，玄幻</h3>
            </section>
        </div>
    </div>
</main>
</body>
</html>